<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core">
<body>
<ui:composition template="/lnf-template.xhtml">
<ui:define name="title"> JavaServer Faces Virtual Trainer Application Registration </ui:define>
<ui:define name="body">
	<table width="70%">
	<tr>
		<td width="40%">First Name:</td>
		<td width="60%">
			<input type="text" jsfc="h:inputText" required="true" id="fname" value="#{UserBean.firstname}" />
			<h:message for="fname"/>
		</td>
	</tr>
	<tr>
	<td width="40%">Last Name:</td>
	<td width="60%">
		<input type="text" jsfc="h:inputText" value="#{UserBean.lastname}" required="true" id="lname" />
		<h:message for="lname"/>
		<span jsfc="h:message" for="fname">Message</span>
	</td>
	</tr>
	<tr>
	<td width="40%">Gender:</td>
	<td width="60%">
		<h:selectOneRadio type="radio" value="#{UserBean.gender}" required="true" id="gender">
			<input type="radio" jsfc="f:selectItem"	itemLabel="Male" itemValue="male" />
			<input type="radio" jsfc="f:selectItem"	itemLabel="Female" itemValue="female" />
		</h:selectOneRadio>
		<h:message for="gender"/>
	</td>
	</tr>
	<tr>
		<td width="40%">Date of Birth:</td>
		<td width="60%">
			<h:inputText value="#{UserBean.dob}" id="dob" required="true" >
				<f:convertDateTime pattern="mm-dd-yy"/>
			</h:inputText>(mm-dd-yy)
			<h:message for="dob"/> </td>
	</tr>
	<tr>
		<td width="40%">Email Address:</td>
		<td width="60%">
			<h:inputText value="#{UserBean.email}" required="true" validator="#{UserBean.validateEmail}" id="email"/>
			<h:message for="email"/>
		</td>
	</tr>
	<!-- Remainder of rows deleted for brevity -->
	</table>
</ui:define>
</ui:composition>
</body>
</html>